@charset "utf-8";
@import "common/reset";
@import "common/common";
body{
    overflow: hidden;
}
.show_web{
    width: 640px;
    position: relative;
    overflow: hidden;
    background:url(../images/qr_bg1.png) no-repeat center/98% 98%  #e3234f;
    height: 100%;
    text-align: center;
    .scroll_bg{
        display: none;
        position: absolute;
        z-index: 0;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        img{
            height: 100%;
            width: 100%;
        }
    }
    .content{
        height: 100%;
        position: relative;
        z-index: 2;
        padding-top:100px;
        margin: 0 auto;
        //用户写的字
        .targetImg_bg{
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
        }
        .targetIMg{
            position: absolute;
            width: 580px;
            height:580px;
            top:130px;
            left: 30px;
            z-index: 2;
            img{
                width: 100%;
                height: 100%;
            }
        }
        
        .top_text{
            width: 535px;
            margin: 0 auto;
            height: 190px;
            background: url(../images/show_top_text.jpg) no-repeat left top/100% 100%;
            ul{
                height: 100%;
                padding-top:40px;
                box-sizing: border-box;
                li{
//                  border:1px solid firebrick; 
                    display: inline-block;
                    width:23%;
                    text-align: center;
                }
            }
        }
        //中间文字部分
        .welcome{
            width: 535px;
            margin: 0 auto;
            margin-top:30px;
            img{
                width: 100%;
            }
            //第二行大字
            .wel_second{
                margin-top:20px;
                height:150px;
                img{
                    width:auto;
                    height: 100%;
                    margin-left: 15px;
                }
            }
        }
        //底部文字
        .bottom_text{
            width: 535px;
            margin: 0 auto;
            margin-top:30px;
            height: 190px;
            background: url(../images/show_bottom_text.jpg) no-repeat left top/100% 100%;
             ul{
                height: 100%;
                padding-top:40px;
                box-sizing: border-box;
                li{
                    display: inline-block;
                    width:23%;
                    text-align: center;
                }
            }
        }
        //按钮
        .btn{
            margin: 0 auto;
            margin-top:40px;
            width:65%;
            height: 80px;
            line-height: 70px;
            background: url(../images/show_btn.png) no-repeat top left/100% 100%;
            text-align: center;
            img{
                vertical-align: middle;
                width:75%;
            }
        }
    }
    .footer{
        z-index: 0;
        position: absolute;
        text-align: center;
        width: 100%;
        bottom:20px;
        img{
            width: 80%;
        }
    }
    
}















 